<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../../css/public.css">
    <title>test</title>
    <style>
        .tleheader{
            background: rgb(45,181,185);
            color:#fff;
        }
        .icon{
            width:24px;
            margin-bottom:-5px;
        }
        .i{
            padding:8px 10px;
        }
        .p{
            padding:0 20px;
        }

        .fs40{
            font-size:40px;
        }
        .bl{
            margin-left:-1px;
        }
        .czsk{
            margin-top:5px;
            margin-bottom:5px;
            border:1px solid rgb(45,181,185)
        }
        .pdy14{
            padding:10px 0;
        }
        .w60{
            width:56%;
            padding:0 2%;
        }
        .w{
            padding:0 4px;
        }
        .bgo{
            background: rgb(255,102,0);
        }
        .bdr4{
            border-radius:4px;
        }
        .co{
            color: rgb(255,102,0)
        }
        .bd{
            border:1px solid rgb(45,181,185)
        }
        .bdb{
            border-bottom:1px solid rgb(45,181,185)
        }
        .w35{
            width: 35%;
        }
        .w65{
            width: 65%;
        }
        .fb{
            padding:0;
            border:none;
        }
        .pdb70{
            padding-bottom:70px;
        }
    </style>
</head>
<body class="bgg">
<header class="tleheader bgw">
    <p class="backbtn"><a style="margin:0; text-decoration: none">
        <img src="../../icon/arrow/zjt.PNG" class="backpic" alt="">
        <span>返回</span></a>
    </p>
    <h1 class="tc">项目收款汇总 <img src="../../icon/arrow/bsxljt.PNG" class="icon" alt=""></h1>
    <div class="clear"></div>
</header>
<div class="w100 pdb70">
    <div class="w50 fl bgb cw">
        <p class="fs12 i">合同总额：</p>
        <p class="tr p"><span class="fs20">￥</span><span class="fs40"> 58.8</span> <span class="fs14">万元</span></p>
    </div>
    <div class="w50 fl bl bgb cw">
        <p class="fs12 i">累计收款：</p>
        <p class="tr p"><span class="fs20">￥</span><span class="fs40"> 58.8</span> <span class="fs14">万元</span></p>
    </div>
    <div class="w50 fl bb cb bgw">
        <p class="fs12 i">合同总额：</p>
        <p class="tr p"><span class="fs20">￥</span><span class="fs40"> 58.8</span> <span class="fs14">万元</span></p>
    </div>
    <div class="w50 fl bl bb cb bgw">
        <p class="fs12 i">累计收款：</p>
        <p class="tr p"><span class="fs20">￥</span><span class="fs40"> 58.8</span> <span class="fs14">万元</span></p>
    </div>
    <div class="clear"></div>
    <div class="w90 mc czsk bgw">
        <div class="w50 fl tc fs20 bgb cw pdy14" id="cz">产值</div>
        <div class="w50 fl tc fs20 cb pdy14" id="sk">收款</div>
        <div class="clear"></div>
    </div>
    <div class="bd bgw" id="czxq">
        <div class="w90 mc bdb">
            <div class="cb w35 fl">
                <p class="tc fs30">2016</p>
                <p class="tc fs50">3<span class="fs16">月</span></p>
            </div>
            <div class="w65 fl">
                <p class="bdb cb pdy8 tr"><span class="cw bgb fl fs30 bdr4 w">预</span><span class="fs40">10.0</span><span class="fs14">万元</span></p>
                <p class="cb pdy8 tr co"><span class="cw bgo fl fs30 bdr4 w">实</span><span class="fs40">10.0</span><span class="fs14">万元</span></p>
            </div>
            <div class="clear"></div>
        </div>
        <div class="w90 mc">
            <div class="cg w35 fl">
                <p class="tc fs30">2016</p>
                <p class="tc fs50">4<span class="fs16">月</span></p>
            </div>
            <div class="w65 fl">
                <p class="bdb cb pdy8 tr"><span class="cw bgb fl fs30 bdr4 w">预</span><span class="fs40">10.0</span><span class="fs14 cg">万元</span></p>
                <p class="cb pdy8 tr co"><span class="cw bgo fl fs30 bdr4 w">实</span><span class="fs40">10.0</span><span class="fs14 cg">万元</span></p>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="bd bgw" style="display:none;" id="skxq">
        <div class="w90 mc bdb">
            <div class="cb w35 fl">
                <p class="tc fs30">2016</p>
                <p class="tc fs50">3<span class="fs16">月</span></p>
            </div>
            <div class="w65 fl">
                <p class="bdb cb pdy8 tr"><span class="cw bgb fl fs30 bdr4 w">预</span><span class="fs40">10.0</span><span class="fs14">万元</span></p>
                <p class="cb pdy8 tr co"><span class="cw bgo fl fs30 bdr4 w">实</span><span class="fs40">10.0</span><span class="fs14">万元</span></p>
            </div>
            <div class="clear"></div>
        </div>
        <div class="w90 mc">
            <div class="cg w35 fl">
                <p class="tc fs30">2016</p>
                <p class="tc fs50">4<span class="fs16">月</span></p>
            </div>
            <div class="w65 fl">
                <p class="bdb cb pdy8 tr"><span class="cw bgb fl fs30 bdr4 w">预</span><span class="fs40">10.1</span><span class="fs14 cg">万元</span></p>
                <p class="cb pdy8 tr co"><span class="cw bgo fl fs30 bdr4 w">实</span><span class="fs40">10.0</span><span class="fs14 cg">万元</span></p>
            </div>
            <div class="clear"></div>
        </div>
    </div>
</div>
<div class="fb tc bgw">
    <img src="../../icon/job/more.PNG" style="width:50px;" alt="">
</div>
<script type="text/javascript" src="../../js/back.js"></script>
<script>
    var cz = document.getElementById("cz");
    var sk = document.getElementById("sk");
    var czxq = document.getElementById("czxq");
    var skxq = document.getElementById("skxq");
    cz.onclick = function(){
        czxq.style.display = "block";
        skxq.style.display = "none";
        this.style.color = "#fff";
        this.style.background = "rgb(45,181,185)";
        sk.style.color = "rgb(45,181,185)";
        sk.style.background = "#fff";

    }
    sk.onclick = function(){
        czxq.style.display = "none";
        skxq.style.display = "block";
        this.style.color = "#fff";
        this.style.background = "rgb(45,181,185)";
        cz.style.color = "rgb(45,181,185)";
        cz.style.background = "#fff";
    }
</script>
</body>
</html>